@import "comon.css";
@size-50: 50px;
@f-color: #4e6ef2;

.bordered {
    border: 1px solid black;
}

#nav {

    .one {
        li {

            height: 20px;
            float: left;
            margin-top: 30px;
            margin-left: 5px;
            text-align: center;

            a {
                margin-left: 20px;
                color: black;
                text-decoration: none;
                font-size: 14px;

                &:hover {
                    color: @f-color ;
                }
            }
        }
    }

    .two {
        li {
            width: @size-50;
            height: 20px;
            float: right;
            margin-top: 30px;
            margin-left: 5px;
            text-align: center;

            a {
                color: black;
                text-decoration: none;
                font-size: 14px;
            }
        }

        .login {
            width: @size-50;
            height: 25px;
            background-color: @f-color;
            margin-right: 10px;
            margin-left: 20px;

            a {
                color: white;
            }

            border-radius: 5px;

        }


    }

    clear: both;
}

#t {
    width: 1000px;
    margin: auto;

    #logo {

        img {
            margin-top: @size-50;
            margin-left: 100px;
            width: 250px;
            height: 120px;
        }

    }

    input {
        width: 548px;
        height: 44px;
        border: 1px solid #ccc;
        border-radius: 10px 0 0 10px;
        margin-left: 150px;
        outline: none;
        margin-bottom: 40px;
    }

    button {
        background-color: @f-color;
        width: 108px;
        height: 44px;
        border: none;
        outline: none;
        color: white;
        font-size: 17px;
        font-weight: 400px;
        position: relative;
        top: 2px;
        left: -5px;
    }

    span {
        font-size: 14px;
        margin-left: 150px;

    }

    b {
        font-size: 13px;
        color: rgb(145, 143, 143);
        margin-left: 550px;
        font-weight: normal;
    }

    ul {
        float: left;
        margin-left: 150px;
        margin-top: 10px;

        li {
            height: 35px;
            line-height: 35px;
            font-size: 14px;

            &:hover {
                color: @f-color ;
            }
        }
    }
}

.tail {
    position: fixed;
    bottom: 0px;

    ul {
        float: left;
        height: 30px;
        margin-left: 20px;

        li {
            float: left;
            font-size: 12px;
            margin-left: 20px;
            color: #ccc;
        }
    }

}